export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M207.637333 533.354667a8.533333 8.533333 0 0 1 8.448 7.36 320 320 0 0 0 2.282667 14.570666C243.626667 688.554667 360.746667 789.333333 501.333333 789.333333c140.842667 0 258.069333-101.098667 283.072-234.666666 0.64-3.392 1.365333-8.021333 2.176-13.952a8.533333 8.533333 0 0 1 8.448-7.36h47.338667a8.533333 8.533333 0 0 1 8.469333 9.514666c-0.597333 5.162667-1.130667 9.301333-1.6 12.394667C824.853333 713.728 694.826667 837.354667 533.333333 851.904V951.466667a8.533333 8.533333 0 0 1-8.533333 8.533333h-46.933333a8.533333 8.533333 0 0 1-8.533334-8.533333l-0.021333-99.562667c-161.493333-14.570667-291.562667-138.24-315.882667-296.746667a355.477333 355.477333 0 0 1-1.6-12.288 8.533333 8.533333 0 0 1 7.466667-9.450666l0.512-0.042667h47.829333zM501.333333 64a202.666667 202.666667 0 0 1 202.666667 202.666667v234.666666a202.666667 202.666667 0 0 1-405.333333 0v-234.666666A202.666667 202.666667 0 0 1 501.333333 64z m0 64a138.666667 138.666667 0 0 0-138.581333 133.696L362.666667 266.666667v234.666666a138.666667 138.666667 0 0 0 277.248 4.970667L640 501.333333v-234.666666A138.666667 138.666667 0 0 0 501.333333 128z"></path>
            </svg>
        </span>
    )
}